<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
			<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,200,300,700,600' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Raleway:400,100' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css" />
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="css/owl.carousel.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/animate.css" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/owl.carousel.min.js"></script>
		<script src="js/jquery.sticky.js"></script>
		<script src="js/main.js"></script>
	<title></title>
	</head>
	<body> 	 
			<div class="header">
			<div class="container">
				<div class="row">
					<div class="col-md-8">
						<div class="user-menu">
							<ul>
								<li>
									<a href="account.html"><i class="fa fa-user"></i>我的账户</a>
								</li>
								<li>
									<a href="wishlist.html"><i class="fa fa-heart"></i>收藏夹</a>
								</li>
								<li>
									<a href="cart.html"><i class="fa fa-cart-arrow-down"></i>购物车</a>
								</li>
								<li>
									<a href="checkout.html"><i class="fa fa-check"></i>结帐</a>
								</li>
								<li>
									<a href="login.html"><i class="fa fa-user"></i>登录</a>
								</li>
							</ul>
						</div>
					</div>

					<div class="col-md-4">
						<div class="header-right">
							<ul class="list-unstyle list-inline">
								<li class="dropdown dropdown-small">
									<a class="dropdowntoggle" data-toggle="dropdown" data-hover="dropdown" href="#">
										<span class="key">货币 :</span>
										<span class="value">美元</span>
										<b class="caret"></b>
									</a>
									<ul class="dropdown-menu">
										<li>
											<a href="#">美元</a>
										</li>
										<li>
											<a href="#">印度卢比</a>
										</li>
										<li>
											<a href="#">英镑</a>
										</li>
									</ul>
								</li>
								<li class="dropdown dropdown-small">
									<a class="dropdowntoggle" data-toggle="dropdown" data-hover="dropdown" href="#">
										<span class="key">语言 :</span>
										<span class="value">中文</span>
										<b class="caret"></b>
									</a>
									<ul class="dropdown-menu">
										<li>
											<a href="#">英语</a>
										</li>
										<li>
											<a href="#">法语</a>
										</li>
										<li>
											<a href="#">中文</a>
										</li>
									</ul>
							</ul>
						</div>
					</div>

				</div>

			</div>

		</div>
		<div class="site-branding-area">
			<div class="container">
				<div class="row">
					<div class="col-sm-6">
						<div class="logo">
							<h1>
								<a href="index.html">
									e<span>Electronics</span>
								</a> 
							</h1>
						</div>
					</div>
					<div class="col-sm-6">
						<div class="shopping-item">
							<a href="cart.html">
								购物车 -
								<span class="cart-amunt">$0</span>
								<i class="fa fa-shopping-cart"></i>
								<span class="product-count">0</span>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	<div id="underfined-sticky-wrapper" class="stiky-wrapper" style="height:60px;">
			<div class="mainmenu-area" style="">
				<div class="container">
					<div class="row">
						<div class="navbar-header"></div>
						<div class="navbar-collapse collapse">
							<ul class="nav navbar-nav">
								<li>
									<a href="index.html">主页</a>
								</li>
								<li>
									<a href="shop.html">商品页面</a>
								</li>
								<li  class="active">
									<a href="single-product.html">单一产品</a>
								</li>
								<li>
									<a href="cart.html">购物车</a>
								</li>
								<li>
									<a href="checkout.html">结帐</a>
								</li>
								<li>
									<a href="category.html">商品种类</a>
								</li>
								<li>
									<a href="other.html">其他</a>
								</li>
								<li>
									<a href="contact.html">联系方式</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
				<div class="product-big-title-area">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="product-bit-title text-center">
							<h2>购物</h2>
						</div>
					</div>
				</div>
			</div>
		</div>
	    <div class="single-product-area">
	    	<div class="zizag-bottom"> </div>	
	    	<div class="container">
	    		<div class="row">
	    			<div class="col-md-4">
	    				<div class="single-sidebar">
	    					<h2 class="sidebar-title">搜索产品</h2> 
	    					<form action="single-product.html" method="post">
	    						<input placeholder="搜索产品" type="text">
	    						<input value="搜索" type="submit">
	    					</form>
	    				</div>
	    				<div class="single-sidebar">
	    					<h2 class="sidebar-title">产品</h2>
	    				
	    				<div class="thubmnail-recent">
	    					<img class="recent-thumb" src="img/product-thumb-1.jpg" alt="">
	    				    <h2>
	    				    	<a href="single-product.html">索尼智能电视 -2015</a>
	    				    </h2>
	    				    <div class="product-sidebar-price">
	    				    	<ins>$700.00</ins>
	    				    	<del>$800.00</del>
	    				    </div>
	    				</div> 
                            <div class="thubmnail-recent">
	    					<img class="recent-thumb" src="img/product-thumb-1.jpg" alt="">
	    				    <h2>
	    				    	<a href="single-product.html">索尼智能电视 -2015</a>
	    				    </h2>
	    				    <div class="product-sidebar-price">
	    				    	<ins>$700.00</ins>
	    				    	<del>$800.00</del>
	    				    </div>
	    				</div> 
	    				<div class="thubmnail-recent">
	    					<img class="recent-thumb" src="img/product-thumb-1.jpg" alt="">
	    				    <h2>
	    				    	<a href="single-product.html">索尼智能电视 -2015</a>
	    				    </h2>
	    				    <div class="product-sidebar-price">
	    				    	<ins>$700.00</ins>
	    				    	<del>$800.00</del>
	    				    </div>
	    				</div> 
	    				<div class="thubmnail-recent">
	    					<img class="recent-thumb" src="img/product-thumb-1.jpg" alt="">
	    				    <h2>
	    				    	<a href="single-product.html">索尼智能电视 -2015</a>
	    				    </h2>
	    				    <div class="product-sidebar-price">
	    				    	<ins>$700.00</ins>
	    				    	<del>$800.00</del>
	    				    </div>
	    				</div>  
	    		       
	    				</div> 
                    <div class="single-sidebar">
                        <h2 class="sidebar-title">最近邮递</h2>
                        <ul>
                            <li><a href="#">索尼智能电视 -2015</a></li>
                            <li><a href="#">索尼智能电视 -2015</a></li>
                            <li><a href="#">索尼智能电视 -2015</a></li>
                            <li><a href="#">索尼智能电视 -2015</a></li>
                            <li><a href="#">索尼智能电视 -2015</a></li>
                        </ul>
                    </div>
	    			</div>
	    			 <div class="col-md-8"> 
	    			 	<div class="product-content-right">
	    			 		<div class="product-breadcroumb">
	    			 			<a href="">主页</a>
	    			 			<a href="">类别名称</a>
	    			 			<a href="">索尼智能电视 -2015</a>
	    			 		</div>
	    			 		<div class="row">
	    			 			 <div class="col-sm-6">
	    			 			 	<div class="product-images">
	    			 			 		<div class="product-main-img">
	    			 			 			<img src="img/product-2.jpg" alt="">
	    			 			 		</div>
	    			 			 		<div class="product-gallery">
	    			 			 			<img src="img/product-thumb-1.jpg" alt="">
	    			 			 			<img src="img/product-thumb-2.jpg" alt="">
	    			 			 			<img src="img/product-thumb-3.jpg" alt="">
	    			 			 			<img src="img/product-thumb-4.jpg" alt="">
	    			 			 		</div>
	    			 			 	</div>
	    			 			 </div>
	    			 			 <div class="col-sm-6">
	    			 			 	<div class="product-inner">
	    			 			 		<h2 class="product-name">索尼智能电视 -2015</h2>
	    			 			         <div class="product-inner-price">
	    			 			         	<ins>$700.00</ins>
	    			 			         	<del>$800.00</del>
	    			 			         </div>
	    			 			         <form class="cart" action="">
	    			 			         	<div class="quantity">
	    			 			         		<input class="input-text qty text" size="4" title="Qty" value="1" name="quantity" min="1" step="1" type="number">
	    			 			         	</div>
	    			 			         	<button class="add_to_cart_button" type="submit">加入购物车</button>
	    			 			         </form>
	    			 			         <div class="product-inner-category">
	    			 			         	<p>
	    			 			         		类别:
	    			 			         		<a href="">夏天</a>
	    			 			         		. 标签:
	    			 			         		<a href="">极好的</a>
	    			 			         		,
	    			 			         		<a href="">最好的</a>
	    			 			         		,
	    			 			         		<a href="">出卖</a>
	    			 			         		,
	    			 			         		<a href="">鞋子</a>
	    			 			         		. 
	    			 			         	</p>
	    			 			         </div>
	    			 			         <div role="tabpanel">
	    			 			         	<ul class="product-tab" role="tablist">
	    			 			         	<li class="active" role="presentation">
	    			 			         		<a href="#home" aria-controls="home" role="tab" data-toggle="tab">描述</a>
	    			 			           	</li>
	    			 			         	
	                                        <li class="" role="presentation">
	                                        	<a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">评论</a>
	                                        </li>

	    			 			         	</ul>
	    			 			         	<div class="tab-content">
	    			 			         		<div id="home" class="tab-pane fade active in" role="tabpanel">
	    			 			         			<h2>产品说明</h2>
	    			 			         			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tristique, diam in consequat iaculis, est purus iaculis mauris, imperdiet facilisis ante ligula at nulla. Quisque volutpat nulla risus, id maximus ex aliquet ut. Suspendisse potenti. Nulla varius lectus id turpis dignissim porta. Quisque magna arcu, blandit quis felis vehicula, feugiat gravida diam. Nullam nec turpis ligula. Aliquam quis blandit elit, ac sodales nisl. Aliquam eget dolor eget elit malesuada aliquet. In varius lorem lorem, semper bibendum lectus lobortis ac.</p>
	    			 			         		    <p>Mauris placerat vitae lorem gravida viverra. Mauris in fringilla ex. Nulla facilisi. Etiam scelerisque tincidunt quam facilisis lobortis. In malesuada pulvinar neque a consectetur. Nunc aliquam gravida purus, non malesuada sem accumsan in. Morbi vel sodales libero.</p>
	    			 			         		</div>
	    			 			         				<div id="profile" class="tab-pane fade " role="tabpanel">
	    			 			         				  <h2>评论</h2>
	    			 			         				  <div class="submit-review">
	    			 			         				  	<p>
	    			 			         				  		<label for="name">名字</label>
	    			 			         				  		<input name="name" type="text">
	    			 			         				  	</p>
	    			 			         				  	 	<p>
	    			 			         				  		<label for="name">电子邮件</label>
	    			 			         				  		<input name="email" type="email">
	    			 			         				  	</p>
	    			 			         				  	<div class="rating-chooser">
	    			 			         				  	 	<p> 你的评价</p> 
	    			 			         				  	    <div class="rating-wrap-post">
	    			 			         				  	    	<i class="fa fa-star"></i>
	    			 			         				  	    	<i class="fa fa-star"></i>
	    			 			         				  	    	<i class="fa fa-star"></i>
	    			 			         				  	    	<i class="fa fa-star"></i>
	    			 			         				  	    	<i class="fa fa-star"></i>
	    			 			         				  	    </div> 	
	    			 			         				  	</div>
	    			 			         				  	 	<p>
	    			 			         				  		<label for="review">你的评论</label>
	    			 			         				  		<textarea id="" name="review" cols="30" row="10"></textarea>
	    			 			         				  	</p>
	    			 			         				  	<input value="提交" type="submit">
	    			 			         				  </div>
	    			 			         				</div>
	    			 			         	
	    			 			         	</div>
	    			 			         </div>
	    			 			         
 	    			 			 	</div>
	    			 			 </div>
	    			 		</div>
	    			 <div class="related-products-wrapper">
	    			 	<h2 class="related-products-title">相关商品</h2>
	    			 	<div class="related-products-carousel"> 
                               	<div class="single-product">
									<div class="product-f-image">
										<img src="img/product-1.jpg" alt="">

										<div class="product-hover">
											<a href="#" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i>加入购物车</a>
											<a href="single-product.html" class="view-details-link"><i class="fa fa-link"></i>详见</a>
										</div>
									</div>
									<h2>
														<a href="single-product.html">索尼智能电视 -2015</a>
													</h2>
									<div class="product-carousel-price">
										<ins>$700.00</ins>
										<del>$800.00</del>
									</div>
								</div>
								<div class="single-product">
									<div class="product-f-image">
										<img src="img/product-2.jpg" alt="">

										<div class="product-hover">
											<a href="#" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i>加入购物车</a>
											<a href="single-product.html" class="view-details-link"><i class="fa fa-link"></i>详见</a>
										</div>
									</div>
									<h2>
														<a href="single-product.html">苹果新 MacBook 2015年3月发布</a>
													</h2>
									<div class="product-carousel-price">
										<ins>$899.00</ins>
										<del>$999.00</del>
									</div>
								</div>
								<div class="single-product">
									<div class="product-f-image">
										<img src="img/product-3.jpg" alt="">
										<div class="product-hover">
											<a href="#" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i>加入购物车</a>
											<a href="single-product.html" class="view-details-link"><i class="fa fa-link"></i>详见</a>
										</div>
									</div>
									<h2>
														<a href="single-product.html">苹果新iphone6</a>
													</h2>
									<div class="product-carousel-price">
										<ins>$400.00</ins>
										<del>$425.00</del>
									</div>
								</div>
								<div class="single-product">
									<div class="product-f-image">
										<img src="img/product-4.jpg" alt="">
										<div class="product-hover">
											<a href="#" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i>加入购物车</a>
											<a href="single-product.html" class="view-details-link"><i class="fa fa-link"></i>详见</a>
										</div>
									</div>
									<h2>
														<a href="single-product.html">索尼游戏机微软</a>
													</h2>
									<div class="product-carousel-price">
										<ins>$200.00</ins>
										<del>$225.00</del>
									</div>
								</div>
								<div class="single-product">
									<div class="product-f-image">
										<img src="img/product-5.jpg" alt="">
										<div class="product-hover">
											<a href="#" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i>加入购物车</a>
											<a href="single-product.html" class="view-details-link"><i class="fa fa-link"></i>详见</a>
										</div>
									</div>
									<h2>
														<a href="single-product.html">索尼智能空调</a>
													</h2>
									<div class="product-carousel-price">
										<ins>$1200.00</ins>
										<del>$1355.00</del>
									</div>
								</div>
								<div class="single-product">
									<div class="product-f-image">
										<img src="img/product-6.jpg" alt="">
										<div class="product-hover">
											<a href="#" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i>加入购物车</a>
											<a href="single-product.html" class="view-details-link"><i class="fa fa-link"></i>详见</a>
										</div>
									</div>
									<h2>
														<a href="single-product.html">三星GALAXY Note 4</a>
													</h2>
									<div class="product-carousel-price">
										<ins>$400.00</ins> 
									</div>
								</div>  
						
	    			 	</div>
	    			 </div>
	    			 	</div>
	    			 
	    		</div> 
	    </div> 
	    </div>
		</div>
		<div class="footer-top-area">
			<div class="zizag-bottom"></div>
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-sm-6">
						<div class="footer-about-us">
							<h2> e<span>Electronics</span></h2>
							<p>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Perferendis sunt id doloribus vero quam laborum quas alias dolores blanditiis iusto consequatur, modi aliquid eveniet eligendi iure eaque ipsam iste, pariatur omnis sint! Suscipit, debitis,quisquam. Laborum commodi veritatis magni at?</p>
						</div>
						<div class="footer-social">
							<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
							<a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
							<a href="#" target="_blank"><i class="fa fa-youtube"></i></a>
							<a href="#" target="_blank"><i class="fa fa-linkedin"></i></a>
							<a href="#" target="_blank"><i class="fa fa-pinterest"></i></a>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="footer-menu">
							<h2 class="footer-wid-title">用户导航</h2>
							<ul>
								<li>
									<a href="#">我的帐户</a>
								</li>
								<li>
									<a href="#">订单历史</a>
								</li>
								<li>
									<a href="#">收藏夹</a>
								</li>
								<li>
									<a href="#">供应商联络</a>
								</li>
								<li>
									<a href="#">头版</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="footer-menu">
							<h2 class="footer-wid-title">商品种类</h2>
							<ul>
								<li>
									<a href="#">移动电话</a>
								</li>
								<li>
									<a href="#">家居配件 </a>
								</li>
								<li>
									<a href="#">LED电视</a>
								</li>
								<li>
									<a href="#">电脑</a>
								</li>
								<li>
									<a href="#">小型电器</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="footer-newsletter">
							<h2 class="footer-wid-title">期刊</h2>
							<p>登录到我们的期刊，得到你不会在其他地方找到的独家优惠,我们会将它直接发送到你的收信信箱</p>
							<div class="newsletter-form">
								<form action="#">
									<input placeholder="填入您的电子邮件 " type="email">
									<input value="订购" type="submit">
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer-bottom-area">
			<div class="container">
				<div class="row">
					<div class="col-md-8">
						<div class="copyright">
							<p>
								© 2015 eElectronics. All Rights Reserved.
							</p>
						</div>
					</div>
					<div class="col-md-4">
						<div class="footer-card-icon">
							<i class="fa fa-cc-discover"></i>
							<i class="fa fa-cc-mastercard"></i>
							<i class="fa fa-cc-paypal"></i>
							<i class="fa fa-cc-visa"></i>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	  
</html>
